<template>
  <view class="content">
    <view class="bg fixed-t">
      <image src="/static/image/indexBg.png" mode="aspectFill"/>
    </view>
    <view class="content-box">
      <view class="item" v-for="(item, index) in option" :key="index" @click="$goUrl(item.path)">
        <image :src="item.icon" mode="aspectFill"/>
      </view>
    </view>
  </view>
</template>

<script setup>
import {ref} from "vue";

const option = ref([
  {icon: '/static/image/gm.png', type: 1, path: '/subPackage/index/bookIndex'},
  {icon: '/static/image/fb.png', type: 2, path: '/subPackage/index/bookReleased'}
])
</script>

<style lang="scss" scoped>
.content {
  .bg {
    image {
      width: 100%;
      height: 1116rpx;
    }
  }
  .content-box {
    margin-top: 200rpx;
    padding: 0 30rpx;
    .item:first-child {
      margin-bottom: 20rpx;
    }
    .item {
      image {
        width: 100%;
        height: 336rpx;
      }
    }
  }

}
</style>
